<!-- /**
 * Author Mona Esmaeili  && Gabriele Cerfoglio      
 */
 -->
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"/>

<script type="text/javascript">
<![CDATA[
	function updateGrid(xml) {
        $("div#pList").html(xml);
      }
      
      function poll() {
        $.get("/poll", function (x) { updateGrid(x); });
      }
      
      function longPoll() {
    	$.get("/longPoll", function(x) { updateGrid(x); longPoll(); })
      }

      $(document).ready(function() {
    	poll();
        longPoll(); 
      });   
]]>     
</script>


<title>AirLine</title>
<link rel="stylesheet" type="text/css" href="Shop.css" />
</head>

<h1>WELCOME TO OUR AIRLINE</h1>
        <hr/>
        <body id="public" class="noI">
        <div id="container" class="ltr">
      
        <h1 id="logo">
		<a title="Powered by Mona">Mona Esmaeili and Gabriele Cerfoglio</a>
		</h1>
		
	

        <form method="post" handler="searchPassenger(code)" >
          
          
          	<label for="Field1" >Passenger Code:</label>	
            <input id="Field1"  class="field text fn"  type="text" tabindex="1" size="18" value="" name="code" />
            <input type="submit" tabindex="14" size="18" style="width:100px" value="Search" />
          
        </form>
        
        <hr/>
        <form method="post" handler="registerPassenger(firstName, lastName, email, destination, departure, code)" >
          	<br>
          	<label for="Field2">*First Name:</label>	
          	<input id="Field2"  class="field text fn"  type="text" tabindex="1" size="18" value="" name="firstName" />
            </br>
            <br>
            <label for="Field3">*Last Name:</label>	
          	<input id="Field3"  class="field text fn"  type="text" tabindex="1" size="18" value="" name="lastName" />
           	</br>
           	<br>
           	 <label for="Field4">*Email Address:</label>	
          	<input id="Field4"  class="field text fn"  type="text" tabindex="1" size="18" value="" name="email" />
            </br>
            <br>
            </br>
          
         	<label for="Field5">*Arrival:</label>	
            <select style="width:100px"  name="destination">
				<option value="Zurich">Zurich</option>
				<option value="Milan">Milan</option>
				<option value="Rome">Rome</option>
			</select>
          
          <label for="Field6">*Departure:</label>	
            
            <select style="width:100px" name="departure">
				<option value="Zurich">Zurich</option>
				<option value="Milan">Milan</option>
				<option value="Rome">Rome</option>
			</select>
          <br></br>
         
          <label for="Field6">*Passenger Code: </label>	
            
          <input id="Field6"  class="field text fn"  type="text" tabindex="1" size="18" value="" name="code" />
          <br>
          </br>
          
         <center><input type="submit" style="width:90px" value="Register" /> </center> 
          
          </form>
          <hr/>
           <form method="post" handler="removePassenger(code)" >
           
           <label for="Field7">Code: </label>	
            
            <input type="text" name="code"/>  
            <input type="submit" value="Delete" style="width:100px"/>
          
        </form>
        <hr/>
        <div id="pList"/>
   
        </div>
      </body>
</html>
